<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>141.百分比环形 参考链接：https://pslkzs.com/demo/pie/demo1.php</title>
</head>
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="../common.css">
<style>
  body {
    background-color: #00090e;
  }

  .bottomPart {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%);
  }

  input {
    border: 1px solid #fff;
    color: #ffff;
  }

  button {
    border: 1px solid #fff;
    color: #ffff;
  }

  .show1.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show2.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show2.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show3.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show3.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show3.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show4.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show4.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show4.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show4.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show5.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show5.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show5.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show5.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show5.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show6.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show7.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show8.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show9.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show10.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show11.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show12.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show13.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show14.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show15.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show16.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show17.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show18.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show19.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show20.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show21.toCenter .showPrecent div:nth-child(21) {
    -webkit-animation: fadeInOut 0.15s linear 2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2s 1 normal;
    animation: fadeInOut 0.15s linear 2s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(21) {
    -webkit-animation: fadeInOut 0.15s linear 2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2s 1 normal;
    animation: fadeInOut 0.15s linear 2s 1 normal;
    animation-fill-mode: forwards
  }

  .show22.toCenter .showPrecent div:nth-child(22) {
    -webkit-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(21) {
    -webkit-animation: fadeInOut 0.15s linear 2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2s 1 normal;
    animation: fadeInOut 0.15s linear 2s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(22) {
    -webkit-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show23.toCenter .showPrecent div:nth-child(23) {
    -webkit-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(21) {
    -webkit-animation: fadeInOut 0.15s linear 2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2s 1 normal;
    animation: fadeInOut 0.15s linear 2s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(22) {
    -webkit-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(23) {
    -webkit-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show24.toCenter .showPrecent div:nth-child(24) {
    -webkit-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    animation: fadeInOut 0.15s linear 2.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(1) {
    -webkit-animation: fadeInOut 0.15s linear 0s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 0s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 0s 1 normal;
    animation: fadeInOut 0.15s linear 0s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(2) {
    -webkit-animation: fadeInOut 0.15s linear .1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .1s 1 normal;
    animation: fadeInOut 0.15s linear .1s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(3) {
    -webkit-animation: fadeInOut 0.15s linear .2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .2s 1 normal;
    animation: fadeInOut 0.15s linear .2s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(4) {
    -webkit-animation: fadeInOut 0.15s linear .3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .3s 1 normal;
    animation: fadeInOut 0.15s linear .3s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(5) {
    -webkit-animation: fadeInOut 0.15s linear .4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .4s 1 normal;
    animation: fadeInOut 0.15s linear .4s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(6) {
    -webkit-animation: fadeInOut 0.15s linear .5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .5s 1 normal;
    animation: fadeInOut 0.15s linear .5s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(7) {
    -webkit-animation: fadeInOut 0.15s linear .6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .6s 1 normal;
    animation: fadeInOut 0.15s linear .6s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(8) {
    -webkit-animation: fadeInOut 0.15s linear .7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .7s 1 normal;
    animation: fadeInOut 0.15s linear .7s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(9) {
    -webkit-animation: fadeInOut 0.15s linear .8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .8s 1 normal;
    animation: fadeInOut 0.15s linear .8s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(10) {
    -webkit-animation: fadeInOut 0.15s linear .9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear .9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear .9s 1 normal;
    animation: fadeInOut 0.15s linear .9s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(11) {
    -webkit-animation: fadeInOut 0.15s linear 1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1s 1 normal;
    animation: fadeInOut 0.15s linear 1s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(12) {
    -webkit-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation: fadeInOut 0.15s linear 1.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(13) {
    -webkit-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation: fadeInOut 0.15s linear 1.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(14) {
    -webkit-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation: fadeInOut 0.15s linear 1.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(15) {
    -webkit-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation: fadeInOut 0.15s linear 1.4s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(16) {
    -webkit-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation: fadeInOut 0.15s linear 1.5s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(17) {
    -webkit-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation: fadeInOut 0.15s linear 1.6s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(18) {
    -webkit-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation: fadeInOut 0.15s linear 1.7s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(19) {
    -webkit-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation: fadeInOut 0.15s linear 1.8s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(20) {
    -webkit-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation: fadeInOut 0.15s linear 1.9s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(21) {
    -webkit-animation: fadeInOut 0.15s linear 2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2s 1 normal;
    animation: fadeInOut 0.15s linear 2s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(22) {
    -webkit-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation: fadeInOut 0.15s linear 2.1s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(23) {
    -webkit-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation: fadeInOut 0.15s linear 2.2s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(24) {
    -webkit-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.3s 1 normal;
    animation: fadeInOut 0.15s linear 2.3s 1 normal;
    animation-fill-mode: forwards
  }

  .show25.toCenter .showPrecent div:nth-child(25) {
    -webkit-animation: fadeInOut 0.15s linear 2.4s 1 normal;
    -moz-animation: fadeInOut 0.15s linear 2.4s 1 normal;
    -ms-animation: fadeInOut 0.15s linear 2.4s 1 normal;
    animation: fadeInOut 0.15s linear 2.4s 1 normal;
    animation-fill-mode: forwards
  }

  .toCenter {
    width: 180px;
    height: 100px;
    overflow: hidden;
    background: url(./img/demo1.png) no-repeat;
    position: relative;
    text-align: center
  }

  .toCenter h2 {
    font-family: "zenDots";
    font-size: 40px;
    line-height: 1em;
    font-weight: bolder;
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 6px #00f, 0px 0px 10px #00f
  }

  .toCenter h2 span {
    font-size: 12px;
    font-weight: normal
  }

  .toCenter p {
    position: relative;
    z-index: 3
  }

  .toCenter .light {
    width: 99px;
    height: 41px;
    overflow: hidden;
    background: url(./img/demo1.png) no-repeat -29px -188px;
    position: absolute;
    top: 32px;
    left: 40px
  }

  .toCenter .showPrecent {
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
  }

  .toCenter .showPrecent div {
    width: 29px;
    height: 22px;
    overflow: hidden;
    position: absolute;
    background: url(./img/demo1.png) no-repeat 0px -100px;
    opacity: 0
  }

  .toCenter .showPrecent div:nth-child(1) {
    top: 32px;
    left: 0px
  }

  .toCenter .showPrecent div:nth-child(2) {
    background-position: 0px -122px;
    top: 43px;
    left: 1px
  }

  .toCenter .showPrecent div:nth-child(3) {
    background-position: 0px -144px;
    top: 53px;
    left: 5px
  }

  .toCenter .showPrecent div:nth-child(4) {
    background-position: 0px -166px;
    top: 62px;
    left: 15px
  }

  .toCenter .showPrecent div:nth-child(5) {
    background: url(./img/demo1.png) no-repeat -29px -100px;
    top: 70px;
    left: 30px
  }

  .toCenter .showPrecent div:nth-child(6) {
    background: url(./img/demo1.png) no-repeat -29px -122px;
    top: 76px;
    left: 51px
  }

  .toCenter .showPrecent div:nth-child(7) {
    background: url(./img/demo1.png) no-repeat -29px -144px;
    top: 77px;
    left: 75px
  }

  .toCenter .showPrecent div:nth-child(8) {
    background: url(./img/demo1.png) no-repeat -29px -166px;
    top: 76px;
    left: 99px
  }

  .toCenter .showPrecent div:nth-child(9) {
    background: url(./img/demo1.png) no-repeat -58px -100px;
    top: 70px;
    left: 120px
  }

  .toCenter .showPrecent div:nth-child(10) {
    background: url(./img/demo1.png) no-repeat -58px -122px;
    top: 62px;
    left: 136px
  }

  .toCenter .showPrecent div:nth-child(11) {
    background: url(./img/demo1.png) no-repeat -58px -144px;
    top: 53px;
    left: 146px
  }

  .toCenter .showPrecent div:nth-child(12) {
    background: url(./img/demo1.png) no-repeat -58px -166px;
    top: 43px;
    left: 150px
  }

  .toCenter .showPrecent div:nth-child(13) {
    background: url(./img/demo1.png) no-repeat -87px -100px;
    top: 33px;
    left: 149px
  }

  .toCenter .showPrecent div:nth-child(14) {
    background: url(./img/demo1.png) no-repeat -87px -122px;
    top: 21px;
    left: 146px
  }

  .toCenter .showPrecent div:nth-child(15) {
    background: url(./img/demo1.png) no-repeat -87px -144px;
    top: 13px;
    left: 138px
  }

  .toCenter .showPrecent div:nth-child(16) {
    background: url(./img/demo1.png) no-repeat -87px -166px;
    top: 6px;
    left: 127px
  }

  .toCenter .showPrecent div:nth-child(17) {
    background: url(./img/demo1.png) no-repeat -116px -100px;
    top: 1px;
    left: 114px
  }

  .toCenter .showPrecent div:nth-child(18) {
    background: url(./img/demo1.png) no-repeat -116px -122px;
    top: -3px;
    left: 99px
  }

  .toCenter .showPrecent div:nth-child(19) {
    background: url(./img/demo1.png) no-repeat -116px -144px;
    top: -4px;
    left: 85px
  }

  .toCenter .showPrecent div:nth-child(20) {
    background: url(./img/demo1.png) no-repeat -116px -166px;
    top: -4px;
    left: 68px
  }

  .toCenter .showPrecent div:nth-child(21) {
    background: url(./img/demo1.png) no-repeat -145px -100px;
    top: -3px;
    left: 54px
  }

  .toCenter .showPrecent div:nth-child(22) {
    background: url(./img/demo1.png) no-repeat -145px -122px;
    top: 1px;
    left: 39px
  }

  .toCenter .showPrecent div:nth-child(23) {
    background: url(./img/demo1.png) no-repeat -145px -144px;
    top: 6px;
    left: 25px
  }

  .toCenter .showPrecent div:nth-child(24) {
    background: url(./img/demo1.png) no-repeat -145px -166px;
    top: 13px;
    left: 13px
  }

  .toCenter .showPrecent div:nth-child(25) {
    background: url(./img/demo1.png) no-repeat 0px -188px;
    top: 21px;
    left: 4px
  }
</style>

<body>
  <section>
    <div id="pie" class="toCenter">
      <h2 id="percentage">0<span>%</span></h2>
      <p id="numAndTotal">0 / 100</p>
      <div class="light"></div>
      <div class="showPrecent">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
    <div class="bottomPart">
      <label>当前值</label>
      <input id="currentNumInput" type="text" value="59" />
      <label class="pL20">总数</label>
      <input id="totalNumInput" type="text" value="100" class="mR10" />
      <button id="runBtn">运行</button>
    </div>
  </section>

</body>
<script type="text/javascript">
  //当前的值;
  var currentNum = 59;
  //总数;
  var totalNum = 100;
  var intervalObj = {
    //记录定时器;
    interval: null,
    //从0开始加;
    num: 0,
    //间隔多少时间刷新一次数字;
    timeInterval: 25
  };

  init();

  function init() {
    refreshNum();
    document.querySelector('#runBtn').addEventListener('click', function() {
      var cNum = document.querySelector('#currentNumInput').value;
      var tNum = document.querySelector('#totalNumInput').value;
      var reg = /^[0-9]*$/;
      if (!reg.test(cNum)) {
        alert('当前值必须输入正整数或0');
        return;
      }
      if (!reg.test(tNum)) {
        alert('总数值必须输入正整数或0');
        return;
      }
      if (Number(cNum) > Number(tNum)) {
        alert('当前值不能大于总数值');
        return;
      }
      window.currentNum = Number(cNum);
      window.totalNum = Number(tNum);
      refreshNum();
    });
  }

  function refreshNum() {
    //四舍五入的方法计算百分比;
    var percent = Math.round(currentNum / totalNum * 100);
    intervalObj.interval = window.setInterval(function() {
      numChange(percent);
    }, intervalObj.timeInterval);
    document.querySelector('#numAndTotal').innerHTML = currentNum + " / " + totalNum;
    var cssName = 'show' + Math.ceil(percent / 4);
    document.querySelector('#pie').setAttribute('class', 'toCenter ' + cssName);
  }
  //刷新百分比数字;
  function numChange(percent) {
    if (percent == intervalObj.num) {
      window.clearInterval(intervalObj.interval);
      intervalObj.interval = null;
    } else if (percent > intervalObj.num) {
      intervalObj.num++;
    } else {
      intervalObj.num--;
    }
    document.querySelector('#percentage').innerHTML = `${intervalObj.num}<span>%</span>`;
  }
</script>

</html>